<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>demo</title>
    <link href="../css/qs.css" rel="stylesheet" type="text/css" />
    <link href="../css/ui/ddl.css" rel="stylesheet" type="text/css" />
    <link href="uidemo.css" rel="stylesheet" type="text/css" />
	<link href="../theme/default/style.css" rel="stylesheet" type="text/css" />
</head>
<body class="ifm-body">

<div class="ifm-panel">
    <h2 class="til">DropDownList</h2>
    <textarea class="codetxt" style="height:200px;">    var ddl1 = new Util.DropDownList($('#test_ddl')[0], function(t, v){
    }, [{
        txt: 'item1',
        val: 1
    }, {
        txt: 'item2',
        val: 2,
        closable: false
    }, {
        txt: 'item3',
        val: 3
    }], {
        width: 150
    });</textarea>
    <div id="test_ddl" class="clearfix"></div>
</div>
       
</div>

<script src="../lib/jquery.js" type="text/javascript"></script>
<script src="../js/ui/util.js" type="text/javascript"></script>

<script language="javascript" type="text/javascript">
    var ddl1 = new Util.DropDownList($('#test_ddl')[0], function(t, v){
    }, [{
        txt: 'item1',
        val: 1
    }, {
        txt: 'item2',
        val: 2,
        closable: false
    }, {
        txt: 'item3',
        val: 3
    }, {
        txt: 'item4',
        val: 4
    }, {
        txt: 'item5',
        val: 5
    }, {
        txt: 'item6',
        val: 6
    }], {
        width: 150
    });
</script>
</body>
</html>
